<template>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" v-if="$route.meta.keepalive" :key="$route.path" />
    </keep-alive>
    <component :is="Component" v-if="!$route.meta.keepalive" :key="$route.path" />
  </router-view>
</template>
<script lang="ts" setup>
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  font-size: $font-size-base;
  color: $font-color;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
}

td,
th {
  border: 1px solid #ddd;
}
</style>